/*
 * @Author: 清香白莲 1243327527@qq.com
 * @Date: 2023-08-16 14:25:17
 * @LastEditors: 清香白莲 1243327527@qq.com
 * @LastEditTime: 2023-09-21 11:44:41
 * @FilePath: /shang_study/src/api/request.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import axios from "axios"
import nprogress from "nprogress"
import "nprogress/nprogress.css"
import store from "@/store";
// start:进度条开始 done：进度条结束

// 1：利用axios对象的方法create，去创建一个axios实例。
// 2：request就是axios，只不过稍微配置一下。
const request = axios.create({
    // 配置对象
    // 基础路径，发送请求的时候会出现api
    baseURL: process.env.VUE_APP_BASE_URL,
    timeout: 5000,
});

// 请求拦截器：在发请求之前，请求拦截器可以检测到，可以在请求发出去之前做一些事情。
request.interceptors.request.use((config) => {
    //config: 配置对象，对象里面有一个属性很重要，headers请求头
    if (store.state.detail.uuid_token) {
        config.headers.userTempId = store.state.detail.uuid_token;
    }
    nprogress.start()
    return config;
})

// 响应拦截器
request.interceptors.response.use((res) => {
    // 成功的回调函数：服务器响应数据回来以后，响应拦截器可以检测到，可以做一下事情
    nprogress.done()
    return res.data;
},(error)=>{
    // 服务器响应失败的回调函数
    nprogress.done()
    return Promise.reject(new Error('faile'));
})


export default request